<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
		<title></title>
		<link rel="stylesheet" href="../../css/bootstrap.css" />
	</head>
	<style>
		.navbar-brand {
			width: 78px;
			height: 75px;
			margin-left: 13px;

		}

		.navbar {
			background-color: #15B9F6;

		}

		.container1 .row span {
			display: block;
			margin: 3px 3px;
		}
		span{
			float: right;
		}
		
		
	</style>
	<body>
		<div class="container">
			<nav class="navbar navbar-inverse ">
				<div class="navbar-header row">
					<div class="col-xs-2"><img src="1.jpg" class="navbar-brand"></div>
					<div class="col-xs-offset-10"><img src="2.jpg" /></div>
				</div>
			</nav>
			<div class="container list-group ">
				<div class="media">
					<div class="media-left">
						<img src="3.jpg" class="media-object" style="width: 40px;" />
					</div>
					<div class="media-body">
						<h3 class="media-heading">Summer&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;  &nbsp;  &nbsp; &nbsp;<span class="aa badge">1</span></h3>
						<p>在吗</p>
					</div>
				</div>
				<hr />
				<div class="media">
					<div class="media-left">
						<img src="4.jpg" class="media-object" style="width: 40px;" />
					</div>
					<div class="media-body">
						<h3 class="media-heading">群聊天</h3>
						<p>欢迎你们加入群</p>
					</div>
				</div>
				<hr />
				<div class="media">
					<div class="media-left">
						<img src="5.jpg" class="media-object" style="width: 40px;" />
					</div>
					<div class="media-body">
						<h3 class="media-heading">小美</h3>
						<p>马上放长假了，我们一起去旅游啊~~</p>
					</div>
				</div>
				<hr />
				<div class="media">
					<div class="media-left">
						<img src="6.jpg" class="media-object" style="width: 40px;" />
					</div>
					<div class="media-body">
						<h3 class="media-heading">娟娟姐<span class="aa badge">1</span></h3>
						<p>啥时候回来</p>
					</div>
				</div>
				<hr />
				<div class="media">
					<div class="media-left">
						<img src="7.jpg" class="media-object" style="width: 40px;" />
					</div>
					<div class="media-body">
						<h3 class="media-heading">QQ购物</h3>
						<p>清空衣群1元秒杀</p>
					</div>
				</div>
				<hr />
				<div class="media">
					<div class="media-left">
						<img src="8.jpg" class="media-object" style="width: 40px;" />
					</div>
					<div class="media-body">
						<h3 class="media-heading">可乐er<span class="aa badge"></span></h3>
						<p>我今天太幸运了~~</p>
					</div>
				</div>
				<hr />
				<div class="media">
					<div class="media-left">
						<img src="9.jpg" class="media-object" style="width: 40px;" />
					</div>
					<div class="media-body">
						<h3 class="media-heading">303宿舍群<span class="aa badge">99+</span></h3>
						<p>[全体消息]你好,我是新手</p>
					</div>
				</div>
				<hr />

			</div>





			<div class="container1 ">
				<nav class="navbar-fixed-bottom navbar-default">
					<div class="row tab-conten">
						<div class="col-xs-3">
							<span class="glyphicon glyphicon-envelope">
							<div class="tab-content">消息</div>
						</div>
						<div class="col-xs-4">
							<span class="glyphicon glyphicon-user">
							<div>联系人</div>
						</div>

						<div class="col-xs-4">
							<span class="glyphicon glyphicon-star">
							<div class="text-center">动态</div>
						</div>
					</div>
				</nav>
			</div>
		</div>
	</body>
</html>
